<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main" />
    <title>催收安排</title>
    <style>
    .form-group{
        line-height: 38px;
    }
    .modalPage{
        margin-top: 15px;
    }
    </style>
</head>
<body>
<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right">
                <ol class="hbreadcrumb breadcrumb">
                    <li>CINDATA PLS</li>
                    <li class="active">
                        <span>催收安排</span>
                    </li>
                </ol>
            </div>

            <h2 class="font-light m-b-xs">
                催收安排
            </h2>
        </div>
    </div>
</div>
%{--content--}%
<div class="content animate-panel">
    <div class="row">
        <div class="hpanel hblue">
            <div class="panel-heading">
                <div class="panel-tools">
                </div>
                催收安排
            </div>

            <div class="house-container publish-box">
                <div class="panel-body">

                    <div class="form-group col-md-offset-4">
                        <label class="col-md-2 control-label">借款人：</label>

                        <div class="col-md-4">
                            张xx
                        </div>
                    </div>

                    <div class="clearfix"></div>

                    <div class="form-group col-md-offset-4">
                        <label class="col-md-2 control-label">借款人联系方式：</label>

                        <div class="col-md-4">
                            13804492021
                        </div>
                    </div>

                    <div class="clearfix"></div>

                    <div class="form-group col-md-offset-4">
                        <label class="col-md-2 control-label">借款人家庭地址：</label>

                        <div class="col-md-6">
                            北京市朝阳区立水桥xx路xx号xx小区xx栋xx号
                        </div>
                    </div>

                    <div class="clearfix"></div>

                    <div class="form-group col-md-offset-4">

                        <label class="col-md-2 control-label">贷款合同号：</label>

                        <div class="col-md-4">
                            3445422
                        </div>
                    </div>

                    <div class="clearfix"></div>

                    <div class="form-group col-md-offset-4">

                        <label class="col-md-2 control-label">催收开始时间：</label>

                        <div class="col-md-4">
                            2018-07-12
                        </div>
                    </div>

                    <div class="clearfix"></div>

                    <div class="form-group col-md-offset-4">

                        <label class="col-md-2 control-label">催收结束时间：</label>

                        <div class="col-md-4">
                            2018-07-30
                        </div>
                    </div>


                    <div class="clearfix"></div>


                    <div class="form-group col-md-offset-4">

                        <label class="col-md-2 control-label">催收措施：</label>

                        <div class="col-md-4">
                            现场催收
                        </div>
                    </div>


                    <div class="clearfix"></div>


                    <div class="form-group col-md-offset-4">

                        <label class="col-md-2 control-label">催收负责人：</label>

                        <div class="col-md-4">
                            赵xx
                            <button class="btn btn-info" href="#myModal" data-toggle="modal">选择</button>
                        </div>
                    </div>

                    <div class="clearfix"></div>


                    <div class="form-group col-md-offset-4">

                        <label class="col-md-2 control-label">催收说明：</label>

                        <div class="col-md-4">
                            <textarea name="" id="" class="form-control textarea" rows="5" cols="10"></textarea>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

%{--弹出框--}%
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            %{--<div class="color-line" style="background: #3498db"></div>--}%
            %{--<div class="modal-header text-left">--}%
            %{--<h4 class="modal-title"></h4>--}%
            %{--</div>--}%
            <div class="modal-body">

                <div class="table-responsive">
                    <table cellpadding="1" cellspacing="1" class="table table-striped table-bordered table-hover text-center">
                        <thead>
                        <tr>
                            <td>
                                请选择
                            </td>
                            <td>
                                序号
                            </td>
                            <td>
                                业务员工号
                            </td>
                            <td>
                                业务员姓名
                            </td>
                            <td>
                                手机号码
                            </td>
                            <td>
                                用户组
                            </td>
                        </tr>
                        </thead>
                        <tbody>
                        %{--考虑若干条数据的展现形式--}%
                        <tr>
                            <td><input type="radio"></td>
                            <td>1</td>
                            <td>00020011</td>
                            <td>赵xx</td>
                            <td>13898893211</td>
                            <td>委外组</td>
                        </tr>



                        </tbody>
                    </table>
                </div>

                %{--分页--}%
                <div class="modalPage">
                    <div class="pagination">
                        <span class="currentStep">1</span><a href="/financialPledgeImportBatch/index?max=10&amp;offset=10" class="step">2</a><a href="/financialPledgeImportBatch/index?max=10&amp;offset=10" class="nextLink">下页</a>
                    </div>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info" data-dismiss="modal">选择</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>


</body>
</html>
